<template>
  <div>
<!-- ------------------------------------------------------------------------ -->
<el-form ref="form" :model="current" label-width="100px">
  
  <!-- <el-form-item label="选择小区" style="width:100%">
    <el-select v-model="current.cid" placeholder="请选择小区" style=" width: 300px;">
      <el-option
              v-for="(xiaoqu,index) in xiaoqus"
              :key="index"
              :label="xiaoqu.name"
              :value="xiaoqu.id"
              >
            </el-option>
    </el-select>
  </el-form-item> -->

  <el-form-item label="投诉或建议">
    <el-select v-model="current.title" placeholder="请选择类型" style=" width: 300px;">
      <el-option
              key="1"
              label="投诉"
              value="投诉"
              >
            </el-option>
            <el-option
              key="2"
              label="建议"
              value="建议"
             >
            </el-option>
    </el-select>
  </el-form-item>

  <el-form-item label="联系电话">
    <el-input v-model="current.phone" style=" width: 300px;"></el-input>
  </el-form-item>

  <el-form-item label="您的内容">
    <el-input type="textarea" v-model="current.content" :rows="2" style=" width: 300px;"></el-input>
  </el-form-item>
  
  
  
  
  <el-form-item>
    <el-button type="primary" @click="onSubmit">立即创建</el-button>
    <el-button @click="cancel()">取消</el-button>
  </el-form-item>
</el-form>

  </div>

  
</template>

<script>
export default{
  data(){
    return {
      xiaoquid:""
    }
  },
  props:{
    current:Object,
    xiaoqus:[]
  },
  methods:{
    cancel:function(){
      //出发自定义事件
      this.$emit("closeInsert",false)
    },
    change:function(){
      
      this.$emit("insertadd",false)
    },
    onSubmit:function(){
      this.$emit("insertadd",false)
    }
    
  }
}
</script>

<style>
  /* .el-input {width: 300px;} */
</style>